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HTML sa 
Unordered HTML List 

Disc, Circle, Square, none 
By default disc type is selected. 
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. 
The list items will be marked with bullets (small black circles) by default: 
<html> 
<body> 
<h2> An unordered HTML list</h2> 
<ul type=”circle"> 

<li>Coffee</li> 

<li>Tea</li> 

<li> Milk</li> 
</ul> 
</body> 
</html> 
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un order List 


DCA 
ADCA 
DFA 
ADIT 
DIT 


Ordered HTML List 
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. 
Ordered HTML List - The Type Attribute 
The type attribute of the <ol> tag, defines the type of the list item marker: 
Type Description 


type="1" The list items will be numbered with numbers (default) 
type="A" The list items will be numbered with uppercase letters 
type="a" The list items will be numbered with lowercase letters 
type="I" The list items will be numbered with uppercase roman numbers 
type="i" The list items will be numbered with lowercase roman numbers. 
<html> 
<body> 
<h2>Ordered List with Numbers</h2> 
<ol type="A"> 
<li>Coffee</li> 
<li>Tea</li> 
<li>Milk</li> 
</ol> 
</body> 


</html> 
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Order List 


HTML Description Lists 
HTML also supports description lists. 


A description list is a list of terms, with a description of each term. 
The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term: 
<html> 
<body> 
<h2>A Description List</h2> 
<dl> 
<dt> ADCA-</dt> 
<dd> Advance Diploma in Computer Application</dd> 
<dt> DCA</dt> 
<dd> Diploma in Computer Application </dd> 
</dl> 
</body> 
</html> 
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A Description List 


ADCA- 


ADCA Stands for Advance Diploma in Computer Application 
DCA- 
DCA Stands For Diploma in Computer Application 


Nested HTML Lists 
List can be nested (lists inside lists): 
<html> 
<body> 
<H2>A Nested List</H2> 
<DL> 
<DT><B>GYANODAY INSTITUTE OF COMPUTER TECHNOLOGY</B><DT> 
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<DD><U><I>OUR COURSES-</I></U></DD> SIORI 
ONLINE 

</DL> 

<OL TYPE="1"> 


<LI>45 DAYS COURSES</LI> 
<OL TYPE="A"> 
<LI>Cer in HTML</LI> 
<LI>Certificate in Css</LI> 
<LI>Certificate in Tally</LI> 
</OL> 
<LI>90 DAYS COURSES </LI> 
<UL TYPE="SQUARE"> 
<LI>Certificate in Tally ERP 9.0</LI> 
<LI>Certificate in C Language</LI> 
<LI>Certificate in MS Office</LI> 
</UL> 
<LI> 180 Days Course</LI> 
<OL TYPE="I"> 
<LI>Diploma in Financial Accounting</LD> 
<UL TYPE="CIRCLE"> 
<LI> ADVANCE ACCOUNTING </LI> </UL> 
<LI>Diploma in Computer Application </LI> 
<LI>Diploma in Designing</LI> 
</OL> 
<LI>365 Days Course</LI> 
<UL TYPE="CIRCLE"> 
<LI> Advance Diploma in Computer Application</LI> 
<LI> Advance Diploma in Web Development</LI> 
<LI> Advance Diploma in AutoCAD Engraining</LI> 
</UL> 
</body> 
</html> 
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A Nested List 


GYANODAY INSTITUTE OF COMPUTER TECHNOLOGY 
OUR COURSES- 


1. 45 DAYS COURSES 
A. Cer in HTML 
B. Certificate in Css 
C. Certificate in Tally 
2. 90 DAYS COURSES 
= Certificate in Tally ERP 9.0 
a Certificate in C Language 
= Certificate in MS Office 
3. 180 Days Course 
I. Diploma in Financial Accounting 
o ADVANCE ACCOUNTING 
II. Diploma in Computer Application 
III. Diploma in Designing 
4. 365 Days Course 
o Advance Diploma in Computer Application 
o Advance Diploma in Web Development 
o Advance Diploma in AutoCAD Engraining 


